<!doctype html>
  <html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="dns-prefetch" href="//ajax.googleapis.com" />

  <title>Atelier Schemes for Google Code Prettify</title>
  <meta name="description" content="The selection of beautiful color themes for Google Code Prettify.">

  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
  <link rel="stylesheet" href="css/style.css">

</head>
<body id="top">
  <header class="header">
    <div class="container">

      <div class="page-header">

        <h1>Atelier Schemes for Google Code Prettify</h1>
        <p>Make your code snippets more beautiful. All syntax highlighting color themes on this page are for <a href="https://github.com/google/code-prettify">Google Code Prettify</a>.</p>

      </div>
    </div>
  </header>
  </div>
    <div class="container main">
    <dl id="filter" class="filter">
      <dt>Filter:</dt>
      <dd class="active"><a href="#" data-filter="*">All Themes</a></dd>
      <dd><a href="#" data-filter=".dark">Dark</a></dd>
      <dd><a href="#" data-filter=".light">Light</a></dd>
    </dl>
    <ul id="thumbnails" class="thumbnails">

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-cave-dark/"><img src="img/atelier-cave-dark-clipped.png" width="288" height="183" alt="Atelier Cave Dark"></a>
          <div class="caption">
            <h4>Atelier Cave Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-cave-light/"><img src="img/atelier-cave-light-clipped.png" width="288" height="183" alt="Atelier Cave Light"></a>
          <div class="caption">
            <h4>Atelier Cave Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-dune-dark/"><img src="img/atelier-dune-dark-clipped.png" width="288" height="183" alt="Atelier Dune Dark"></a>
          <div class="caption">
            <h4>Atelier Dune Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-dune-light/"><img src="img/atelier-dune-light-clipped.png" width="288" height="183" alt="Atelier Dune Light"></a>
          <div class="caption">
            <h4>Atelier Dune Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-estuary-dark/"><img src="img/atelier-estuary-dark-clipped.png" width="288" height="183" alt="Atelier Estuary Dark"></a>
          <div class="caption">
            <h4>Atelier Estuary Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-estuary-light/"><img src="img/atelier-estuary-light-clipped.png" width="288" height="183" alt="Atelier Estuary Light"></a>
          <div class="caption">
            <h4>Atelier Estuary Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-forest-dark/"><img src="img/atelier-forest-dark-clipped.png" width="288" height="183" alt="Atelier Forest Dark"></a>
          <div class="caption">
            <h4>Atelier Forest Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-forest-light/"><img src="img/atelier-forest-light-clipped.png" width="288" height="183" alt="Atelier Forest Light"></a>
          <div class="caption">
            <h4>Atelier Forest Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-heath-dark/"><img src="img/atelier-heath-dark-clipped.png" width="288" height="183" alt="Atelier Heath Dark"></a>
          <div class="caption">
            <h4>Atelier Heath Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-heath-light/"><img src="img/atelier-heath-light-clipped.png" width="288" height="183" alt="Atelier Heath Light"></a>
          <div class="caption">
            <h4>Atelier Heath Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-lakeside-dark/"><img src="img/atelier-lakeside-dark-clipped.png" width="288" height="183" alt="Atelier Lakeside Dark"></a>
          <div class="caption">
            <h4>Atelier Lakeside Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-lakeside-light/"><img src="img/atelier-lakeside-light-clipped.png" width="288" height="183" alt="Atelier Lakeside Light"></a>
          <div class="caption">
            <h4>Atelier Lakeside Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-plateau-dark/"><img src="img/atelier-plateau-dark-clipped.png" width="288" height="183" alt="Atelier Plateau Dark"></a>
          <div class="caption">
            <h4>Atelier Plateau Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-plateau-light/"><img src="img/atelier-plateau-light-clipped.png" width="288" height="183" alt="Atelier Plateau Light"></a>
          <div class="caption">
            <h4>Atelier Plateau Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-savanna-dark/"><img src="img/atelier-savanna-dark-clipped.png" width="288" height="183" alt="Atelier Savanna Dark"></a>
          <div class="caption">
            <h4>Atelier Savanna Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-savanna-light/"><img src="img/atelier-savanna-light-clipped.png" width="288" height="183" alt="Atelier Savanna Light"></a>
          <div class="caption">
            <h4>Atelier Savanna Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-seaside-dark/"><img src="img/atelier-seaside-dark-clipped.png" width="288" height="183" alt="Atelier Seaside Dark"></a>
          <div class="caption">
            <h4>Atelier Seaside Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-seaside-light/"><img src="img/atelier-seaside-light-clipped.png" width="288" height="183" alt="Atelier Seaside Light"></a>
          <div class="caption">
            <h4>Atelier Seaside Light</h4>
          </div>
        </div>
      </li>

      <li class="span4 item dark">
         <div class="thumbnail">
          <a href="atelier-sulphurpool-dark/"><img src="img/atelier-sulphurpool-dark-clipped.png" width="288" height="183" alt="Atelier Sulphurpool Dark"></a>
          <div class="caption">
            <h4>Atelier Sulphurpool Dark</h4>
          </div>
        </div>
      </li>

      <li class="span4 item light">
         <div class="thumbnail">
          <a href="atelier-sulphurpool-light/"><img src="img/atelier-sulphurpool-light-clipped.png" width="288" height="183" alt="Atelier Sulphurpool Light"></a>
          <div class="caption">
            <h4>Atelier Sulphurpool Light</h4>
          </div>
        </div>
      </li>
    </ul>
  </div>

  <div class="container">
    <div class="row">
      <div class="span12">
        <h3 id="usage"><i class="icon icon-leaf icon-large"></i> Usage</h3>
        <ol>
          <li><a href="https://github.com/google/code-prettify/blob/master/README.md">Setup</a> the Google Code Prettify.</li>
          <li>Load a downloaded CSS file instead of <code>prettify.css</code>.</li>
          <li>Beautiful.</li>
        </ol>
      </div>
    </div>
  </div>
  <footer class="container">
    <hr>
    <p class="pull-right"><a href="#top"><i class="icon icon-chevron-up"></i> Back to top</a></p>
    <p>This webpage is adapted from by <a href="http://jmblog.github.io/color-themes-for-google-code-prettify/">jmblog</a>.<br />
      Google Code Prettify is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
  </footer>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="/js/jquery-1.7.2.min.js"><\/script>')</script>

  <script src="js/jquery.isotope.min.js"></script>

  <script src="js/jquery.smooth-scroll.min.js"></script>
  <script src="js/script.min.js"></script>
</body>
</html>
